@mixin bg($width, $height, $url)
  width: $width
  height: $height
  background:
    image: url($url)
    repeat: no-repeat
    position: center
    size: 100% auto
@mixin cbg($url)
  background:
    image: url($url)
    repeat: no-repeat
    position: center
    size: 100% auto
@mixin vlcr($pos, $width, $height, $top)
  position: $pos
  width: $width
  height: $height
  top: $top
  left: 50%
  margin-left: - $width / 2
@mixin scl($top, $bottom)
  position: absolute
  top: $top
  bottom: $bottom
  left: 0
  width: 100%
  overflow-x: hidden
  overflow-y: auto
  -webkit-overflow-scrolling: touch
@mixin hlfc($lineHeight, $fontSize, $color, $fontWeight:100)
  height: $lineHeight
  line-height: $lineHeight
  font-size: $fontSize
  color: $color
  font-weight: $fontWeight
@mixin fc($fontSize, $color, $fontWeight:100)
  font-size: $fontSize
  color: $color
  font-weight: $fontWeight
@mixin lineOf($width: auto)
  width: $width
  text-overflow: ellipsis
  overflow: hidden
  white-space: nowrap
@mixin flx
  display: -webkit-box
  display: -ms-flexbox
  display: flex
  -webkit-box-align: center
  -ms-flex-align: center
  align-items: center
